$(function(){
    "use strict";
    // 当点击直接投入的时候
    $('.directInto_box>p').click(function(){
        $(this).siblings('ul.directInto_list').toggleClass('active')
    })
    //当点击核算确定的时候
    $('#check').on('click','.cancel_btn',function(){
        $('#check').removeClass('active')
    })
    // 点击出现搜索框
    $('.hidden_box_showBox').click(function(){
        $(this).siblings('.hidden_box_hiddenBox').toggleClass('active')
        //进入时，直接请求搜索框中需要的数据
        if($(this).children('i').hasClass('icon-jiantou')){
            $(this).children('i').removeClass('icon-jiantou').addClass('icon-jiantou-top')
            let that = this
            $.ajax({//资产名称
                url:'/Admin/ProKnow/getKnows',
                type:'get',
                success:function(data){
                    let htmls = '<option></option>'
                    let datas = data.data
                    for(let i=0;i<datas.length;i++){
                        htmls += `
                            <option value="${datas[i].id}">${datas[i].know_name}</option>
                         `
                    }
                    console.log($(that).siblings('.hidden_box_hiddenBox').find('[data-query="name"]'))
                    $(that).siblings('.hidden_box_hiddenBox').find('[data-query="name"]').html(htmls)
                }
            })
        }else{
            $(this).children('i').removeClass('icon-jiantou-top').addClass('icon-jiantou')
        }
    })
    // 当确定搜索时
    $('.hiddenBox_list_btn').on('click','button',function(){
        $('.hidden_box_hiddenBox').removeClass('active')
        $('.hidden_box_showBox').children('i').removeClass('icon-jiantou-top').addClass('icon-jiantou')
        if($(this).html() == '确定'){
            // $('#dateVal').html(window.query_year)
            let name = $(this).closest('.hidden_box_hiddenBox').find('[data-query="name"]').val()
           window.location.href = `/Admin/ProKnow/index?know_name=${name}`
        }else{
            window.query_year = null
        }
    })
    //当点击查看记录时
    $('#table_table').on('click','.look_record_btn',function(e){
        e.preventDefault()
        $(this).siblings('.tip_hiddenBox').addClass('active')
    })
    // 当点击工时记录中确认按钮时
    $('#table_table').on('click','.work_record_box>.btn',function(e){
        e.preventDefault()
        $(this).parent().removeClass('active')
    })
    //全选的功能
    $('#checkAll').on('click',function(){
        let checkboxs =$('input[type=checkbox]:not("#checkAll")');
        for(let i=0;i<checkboxs.length;i++){
            let checkbox=checkboxs[i];
            if(checkbox.disabled){
                // colnsole.log(11)
                continue
            }else{
                checkbox.checked=this.checked;
            }
        }
    })
    $('#table_table').on('click','input[type=checkbox]:not("#checkAll")',function(){
        "use strict";
        var isCheckedAll = true;
        var checkboxs =$('input[type=checkbox]:not("#checkAll")');
        for (var i = 0; i < checkboxs.length; i++) {
            if (!checkboxs[i].checked) {
                isCheckedAll = false;
                break;
            }
        }
        $('#checkAll')[0].checked = isCheckedAll;
    })

    /*当点击添加按钮时*/
    $('.operation_btn').on('click','a',function(e){
        e.preventDefault()
        if( $(this).html() == '添加' ){
            var add_people = $(this).attr('href')
            $.ajax({
                url: '/Admin/ProKnow/getKnows',
                type: 'get',
                success: function (data) {
                    if(data.code==1){
                        let htmls = '<option></option>'
                        let datas = data.data
                        for(let i=0;i<datas.length;i++){
                            htmls += `
                            <option value="${datas[i].id}">${datas[i].know_name}</option>
                        `
                        }
                        $(`[lll=${add_people}]`).find('[add_name=add_name]').html(htmls)
                        $(`[lll=${add_people}]`).addClass('active')
                    }else{
                        $('#yz_modal').html(data.msg)
                        $('#yz_modal').addClass('active')
                        tipShow()
                        return
                    }
                }
            })

        }
        if( $(this).html() == '核算' ){
            let checkboxs =$('input[type=checkbox]:not("#checkAll")');
            let len = 0;
            let hs_arr = [];
            for (let i = 0; i < checkboxs.length; i++) {
                if (checkboxs[i].checked) {
                    continue
                }else{
                    len++
                }
            }
            if(len == checkboxs.length){
                $('#yz_modal').html('您还没有选择人员！')
                $('#yz_modal').addClass('active')
                tipShow()
                return
            }else{
                for (let hsi = 0; hsi < checkboxs.length; hsi++) {
                    if (checkboxs[hsi].checked) {
                        hs_arr.push( $(checkboxs[hsi]).closest('tr[data-index]').attr('data-index') )
                    }else{
                        continue;
                    }
                }
                $.ajax({
                    url:'/Admin/ProKnow/calCulKnow',
                    type:'get',
                    data:{
                        id:hs_arr
                    },
                    success:function(data){
                        if(data.code==1){
                            window.location.href='/Admin/ProKnow/index'
                        }else{
                            $('#check').find('.check_success_num').html(data.success)
                            $('#check').find('.check_error_num').html(data.fail)
                            $('#check').find('.check_error_Reason').html(data.msg)
                            $(add_people).addClass('active')
                        }
                    }
                })
            }
            let add_people = $(this).attr('href')
            $(add_people).addClass('active')
        }
        if( $(this).html() == '批量导入' ){
            let showbox_id = $(this).attr('href');
            $(showbox_id).addClass('active')
        }
        if( $(this).html() == '批量删除' ){
            var checkboxs =$('input[type=checkbox]:not("#checkAll")');
            var len = 0;
            for (var i = 0; i < checkboxs.length; i++) {
                if (checkboxs[i].checked) {
                    continue
                }else{
                    len++
                }
            }
            if(len == checkboxs.length){
                $('#yz_modal').html('您还没有选择人员！')
                $('#yz_modal').addClass('active')
                tipShow()
                return
            }
            let _delete = $(this).attr('href');
            $(_delete).addClass('active')
        }
    })
    // 批量删除
    $('#delete .delete_tip_btn_box').on('click','button',function(){
        "use strict";
        let delete_arr = [];
        if($(this).html() == '确认'){
            let checkboxs =$('#table_table input[type=checkbox]:not("#checkAll")');
            for (let i = 0; i < checkboxs.length; i++) {
                if (checkboxs[i].checked) {
                    delete_arr.push( $(checkboxs[i]).closest('tr[data-index]').attr('data-index') )
                }else{
                    continue;
                }
            }
            $.ajax({
                url:'/Admin/ProKnow/multiDelProKnow',
                type:'post',
                data:{
                    know_id:delete_arr
                },
                success:function(data){
                    if(data.code==1){
                        for(let r = 0; r < delete_arr.length; r++){
                            $('#table_table').children('tbody').children(`[data-index=${delete_arr[r]}]`).remove();
                        }
                        $('#delete').removeClass('active')
                        window.location.href = `/Admin/ProKnow/index`//强制刷新
                    }else{
                        $('#yz_modal').html(data.msg)
                        $('#yz_modal').addClass('active')
                        tipShow()
                        return
                    }
                    checkBox()
                }
            })
        }else{
            $('#delete').removeClass('active')
        }

    })
    // 当点击编辑按钮时
    $('#table_table').on('click','.edit_table',function(e){
        e.preventDefault()
        var edit_box = $(this).attr('href')
        let edit_id = $(this).closest('tr').attr('data-index')
        if($(this).html()=='编辑'){
            $.ajax({
                url: '/Admin/ProKnow/getKnows',
                type: 'get',
                success: function (data) {
                    if(data.code==1){
                        let htmls = ''
                        let datas = data.data
                        for(let i=0;i<datas.length;i++){
                            htmls += `
                                <option value="${datas[i].id}">${datas[i].know_name}</option>
                            `
                        }
                        $(`[lll=${edit_box}]`).find('[add_name=edit_name]').html(htmls)
                        $(`[lll=${edit_box}]`).addClass('active')
                        window.sessionStorage['edit_id']=edit_id
                    }else{
                        $('#yz_modal').html(data.msg)
                        $('#yz_modal').addClass('active')
                        tipShow()
                        return
                    }
                }
            })
            $.ajax({
                url:'/Admin/ProKnow/editProKnow',
                type:'get',
                data:{
                    id:edit_id
                },
                success:function(data){
                    if(data.code==1){
                        let datas = data.data
                        let edit_html = $(`[lll=${edit_box}]`)
                        $(`[lll=${edit_box}]`).find('[add_name=edit_time]').val(datas.year)
                        $(`[lll=${edit_box}]`).find('[add_name=edit_name]').val(datas.know_id)
                        $(`[lll=${edit_box}]`).find('[add_name=edit_monthMoney]').val(datas.know_month_money)
                        $(`[lll=${edit_box}]`).find('[add_name=edit_userTime]').val(datas.use_month)
                        $(`[lll=${edit_box}]`).find('[add_name=edit_Moneys]').val(datas.use_money)
                    }
                }
            })
        }else if($(this).html()=='取消核算'){
            let cancel_hesuan_id = $(this).closest('tr[data-index]').attr('data-index')
            let that = this
            $.ajax({
                url: '/Admin/ProKnow/canelKnow',
                type: 'get',
                data: {
                    id: cancel_hesuan_id
                },
                success: function(data){
                    if(data.code==1){
                        // console.log(1)
                        $(that).closest('tr[data-index]').find('input').removeAttr('disabled')
                        $(that).html('编辑')
                        $(that).attr('href','edit_people')
                    }
                }
            })
        }

    })
/*
    //当凭证查看点击确定的时候
    $('#look_img').on('click','.btn-success',function(){
        $('#look_img').removeClass('active')
    })
    //上传凭证
    let fileArr = [];
    let IMG_arr = [];
    $('.hidden_input').on('change',function(){
        let data = this.files;
        for(var i =0;i<data.length;i++){
            let fileReader = new FileReader();
            fileReader.readAsDataURL(data[i]);
            let size = Math.round(data[i].size/1024);
            let name = data[i].name;
            let pz_file_listHTML = $(this).parent().siblings('.pz_file_list').html();
            pz_file_listHTML += `<li>
                                    <span>${name} ${size}kb</span>
                                    <i class="iconfont icon-cha"></i>
                                </li>
                                 `
            $(this).parent().siblings('.pz_file_list').html(pz_file_listHTML);
            fileReader.onload = function (e){
                let url = this.result;//上传文件的URL
                let img_btnSrc = url.indexOf('4');
                let img = url.substring(img_btnSrc + 2);
                IMG_arr.unshift(img);
            }

        }
    })
    //当删除某个凭证的时候
    $('.pz_file_list').on('click','i',function(e){
        e.preventDefault();
        fileArr.splice($(this).parent().index(),1);
        IMG_arr.splice($(this).parent().index(),1);
        $(this).parent().remove()
    })
*/
    /*燃料金额 自动计算*/
    $('[add_name=add_userTime]').blur(function(){
        let add_userTime = $(this).val();
        let add_monthMoney = $(this).closest('[lll]').find('[add_name=add_monthMoney]').val();
            if(add_userTime&&add_monthMoney){
            let add_Moneys = Number(add_userTime)*Number(add_monthMoney)
            $(this).closest('[lll]').find('[add_name=add_Moneys]').val(add_Moneys.toFixed(2))
        }else{
            $(this).closest('[lll]').find('[add_name=add_Moneys]').val('')
            return
        }
    })
    $('[add_name=add_name]').blur(function(){
        let add_userTime = $(this).closest('[lll]').find('[add_name=add_userTime]').val();
        let add_monthMoney = $(this).closest('[lll]').find('[add_name=add_monthMoney]').val();
        if(add_userTime&&add_monthMoney){
            let add_Moneys = Number(add_userTime)*Number(add_monthMoney)
            $(this).closest('[lll]').find('[add_name=add_Moneys]').val(add_Moneys.toFixed(2))
        }else{
            $(this).closest('[lll]').find('[add_name=add_Moneys]').val('')
            return
        }
    })
    $('[add_name=add_name]').change(function(){
        let add_name_id = $(this).val();
        let that = this
        $.ajax({
            url:'/Admin/ProKnow/getMoney',
            type:'get',
            data:{
                id:add_name_id
            },
            success:function(data){
                console.log(data)
                if(data.code==1){
                    console.log($(this).closest('[lll]').find('[add_name=add_monthMoney]'))
                    $(that).closest('[lll]').find('[add_name=add_monthMoney]').val(data.money);
                }
            }
        })

        let add_userTime = $(this).closest('[lll]').find('[add_name=add_userTime]').val();
        let add_monthMoney = $(this).closest('[lll]').find('[add_name=add_monthMoney]').val();
        if(add_userTime&&add_monthMoney){
            let add_Moneys = Number(add_userTime)*Number(add_monthMoney)
            $(this).closest('[lll]').find('[add_name=add_Moneys]').val(add_Moneys.toFixed(2))
        }else{
            $(this).closest('[lll]').find('[add_name=add_Moneys]').val('')
            return
        }
    })

    // 已使用月份判断的时候
    $('#add_people').find('[add_name=add_userTime]').blur(function(){
        let value = $(this).val()
        if(value>12||value<0){
            $(this).css('border-color','#ff0000')
            $(this).val('')
        }else{
            $(this).css('border-color','#E4E5E6')
        }
    })
    // 确认按钮点击时
    $('#add_btn').click(function(){
        let add_time = $(this).closest('[lll]').find('[add_name=add_time]').val()
        let add_name_id = $(this).closest('[lll]').find('[add_name=add_name]').val()
        let add_name = $(this).closest('[lll]').find('[add_name=add_name] option:selected').text()
        let add_monthMoney = $(this).closest('[lll]').find('[add_name=add_monthMoney]').val()
        let add_userTime = $(this).closest('[lll]').find('[add_name=add_userTime]').val()
        let add_Moneys = $(this).closest('[lll]').find('[add_name=add_Moneys]').val()

        if(add_time == '' || add_name == '' || add_monthMoney == '' || add_userTime == '' || add_Moneys == ''){
            $('#yz_modal').html('您有内容没有填写完整！')
            $('#yz_modal').addClass('active')
            tipShow()
            return
        }

        //防止重复点击按钮
            if( $(this).attr('lock') ) return
            $(this).attr('lock','lock')

        let that = this
        $.ajax({
            url:'/Admin/ProKnow/addProKnow',
            type:'post',
            data:{
                year:add_time,
                know_id:add_name_id,
                use_month:add_userTime,
                use_money:add_Moneys
            },
            success:function(data){
                if(data.code==1){
                    // let peopleTableHTML = $('#table_table').children('tbody').html()
                    let peopleTableHTML = `
                    <tr data-index="${data.id}">
                            <td><input type="checkbox" class="checkboxStyle"></td>
                            <td data-name="edit_time">${add_time}</td>
                            <td data-name="edit_name">${add_name}</td>
                            <td data-name="edit_monthMoney">${add_monthMoney}</td>
                            <td data-name="edit_userTime">${add_userTime}个月</td>
                            <td data-name="edit_Moneys">${add_Moneys}</td>
                            <td style><a href="edit_people" class="edit_table">编辑</a></td>
                        </tr>
            `
                    $('#table_table').children('tbody').prepend(peopleTableHTML)

                    $(that).closest('[lll]').find('[add_name]').val('')
                    $(that).closest('[lll]').removeClass('active')
                }else{
                    $('#yz_modal').html(data.msg)
                    $('#yz_modal').addClass('active')
                    tipShow()
                    // return
                }
                $(that).removeAttr('lock')
            }
        })

    })

    // 确认并新增按钮点击时
    $('#add_AddNew_btn').click(function(){
        let add_time = $(this).closest('[lll]').find('[add_name=add_time]').val()
        let add_name_id = $(this).closest('[lll]').find('[add_name=add_name]').val()
        let add_name = $(this).closest('[lll]').find('[add_name=add_name] option:selected').text()
        let add_monthMoney = $(this).closest('[lll]').find('[add_name=add_monthMoney]').val()
        let add_userTime = $(this).closest('[lll]').find('[add_name=add_userTime]').val()
        let add_Moneys = $(this).closest('[lll]').find('[add_name=add_Moneys]').val()

        if(add_time == '' || add_name == '' || add_monthMoney == '' || add_userTime == '' || add_Moneys == ''){
            $('#yz_modal').html('您有内容没有填写完整！')
            $('#yz_modal').addClass('active')
            tipShow()
            return
        }
        //防止重复点击按钮
            if( $(this).attr('lock') ) return
            $(this).attr('lock','lock')

        let that = this
        $.ajax({
            url:'/Admin/ProKnow/addProKnow',
            type:'post',
            data:{
                year:add_time,
                know_id:add_name_id,
                use_month:add_userTime,
                use_money:add_Moneys
            },
            success:function(data){
                if(data.code==1){
                    let peopleTableHTML = $('#table_table').children('tbody').html()
                    peopleTableHTML += `
                    <tr data-index="${data.id}">
                            <td><input type="checkbox" class="checkboxStyle"></td>
                            <td data-name="edit_time">${add_time}</td>
                            <td data-name="edit_name">${add_name}</td>
                            <td data-name="edit_monthMoney">${add_monthMoney}</td>
                            <td data-name="edit_userTime">${add_userTime}个月</td>
                            <td data-name="edit_Moneys">${add_Moneys}</td>
                            <td style><a href="edit_people" class="edit_table">编辑</a></td>
                        </tr>
            `
                    $('#table_table').children('tbody').html(peopleTableHTML)

                    $(that).closest('[lll]').find('[add_name]').val('')
                }else{
                    $('#yz_modal').html(data.msg)
                    $('#yz_modal').addClass('active')
                    tipShow()
                    // return
                }
                $(that).removeAttr('lock')
            }
        })

    })

    /*燃料金额 自动计算*/
    $('[add_name=edit_userTime]').blur(function(){
        let edit_userTime = $(this).val();
        let edit_monthMoney = $(this).closest('[lll]').find('[add_name=edit_monthMoney]').val();
        if(edit_userTime&&edit_monthMoney){
            let edit_Moneys = Number(edit_userTime)*Number(edit_monthMoney)
            $(this).closest('[lll]').find('[add_name=edit_Moneys]').val(edit_Moneys.toFixed(2))
        }else{
            $(this).closest('[lll]').find('[add_name=edit_Moneys]').val('')
            return
        }
    })
    $('[add_name=edit_name]').blur(function(){
        let edit_userTime = $(this).closest('[lll]').find('[add_name=edit_userTime]').val();
        let edit_monthMoney = $(this).closest('[lll]').find('[add_name=edit_monthMoney]').val();
        if(edit_userTime&&edit_monthMoney){
            let add_Moneys = Number(edit_userTime)*Number(edit_monthMoney)
            $(this).closest('[lll]').find('[add_name=edit_Moneys]').val(edit_Moneys.toFixed(2))
        }else{
            $(this).closest('[lll]').find('[add_name=edit_Moneys]').val('')
            return
        }
    })
    $('[add_name=edit_name]').change(function(){
        let edit_name_id = $(this).val();
        let that = this
        $.ajax({
            url:'/Admin/ProKnow/getMoney',
            type:'get',
            data:{
                id:edit_name_id
            },
            success:function(data){
                if(data.code==1){
                    $(that).closest('[lll]').find('[add_name=edit_monthMoney]').val(data.money);
                }
            }
        })

        let edit_userTime = $(this).closest('[lll]').find('[add_name=edit_userTime]').val();
        let edit_monthMoney = $(this).closest('[lll]').find('[add_name=edit_monthMoney]').val();
        if(edit_userTime&&edit_monthMoney){
            let add_Moneys = Number(edit_userTime)*Number(edit_monthMoney)
            $(this).closest('[lll]').find('[add_name=edit_Moneys]').val(edit_Moneys.toFixed(2))
        }else{
            $(this).closest('[lll]').find('[add_name=edit_Moneys]').val('')
            return
        }
    })

    // 已使用月份判断的时候
    $('#edit_people').find('[add_name=edit_userTime]').blur(function(){
        let value = $(this).val()
        if(value>12||value<0){
            $(this).css('border-color','#ff0000')
            $(this).val('')
        }else{
            $(this).css('border-color','#E4E5E6')
        }
    })
    // 保存按钮点击时
    $('#save_btn').click(function(){
        let edit_time = $(this).closest('[lll]').find('[add_name=edit_time]').val()
        let edit_name_id = $(this).closest('[lll]').find('[add_name=edit_name]').val()
        let edit_name = $(this).closest('[lll]').find('[add_name=edit_name] option:selected').text()
        let edit_monthMoney = $(this).closest('[lll]').find('[add_name=edit_monthMoney]').val()
        let edit_userTime = $(this).closest('[lll]').find('[add_name=edit_userTime]').val()
        let edit_Moneys = $(this).closest('[lll]').find('[add_name=edit_Moneys]').val()

        if(edit_time == '' || edit_name_id == '' || edit_name == '' || edit_monthMoney == '' || edit_userTime == '' || edit_Moneys == ''){
            $('#yz_modal').html('您有内容没有填写完整！')
            $('#yz_modal').addClass('active')
            tipShow()
            return
        }
        //防止重复点击按钮
            if( $(this).attr('lock') ) return
            $(this).attr('lock','lock')

        let edit_id = window.sessionStorage['edit_id']
        let that = this
        $.ajax({
            url:'/Admin/ProKnow/editProKnow',
            type:'post',
            data:{
                id:edit_id,
                year:edit_time,
                know_id:edit_name_id,
                use_month:edit_userTime,
                use_money:edit_Moneys
            },
            success:function(data){
                if(data.code==1){
                    let edir_tr = $('#table_table').find(`tr[data-index=${edit_id}]`)
                    edir_tr.children('[data-name=edit_time]').html(edit_time)
                    edir_tr.children('[data-name=edit_name]').html(edit_name)
                    edir_tr.children('[data-name=edit_monthMoney]').html(edit_monthMoney)
                    edir_tr.children('[data-name=edit_userTime]').html(edit_userTime+'个月')
                    edir_tr.children('[data-name=edit_Moneys]').html(edit_Moneys)
                    $(that).parent().parent().removeClass('active')
                }
                $(that).removeAttr('lock')
            }
        })
        // tableHTML.children('[data-name=edit_name]').html(name)
        // tableHTML.children('[data-name=edit_departMent]').html(department)
        // tableHTML.children('[data-name=edit_baseSalary]').html(baseSalary)
        // tableHTML.children('[data-name=edit_bonus]').html(bonus)
        // tableHTML.children('[data-name=edit_Insurance]').html(Insurance)
        // tableHTML.children('[data-name=edit_fund]').html(fund)

    })
    // 取消按钮点击时
    $('.button_list').on('click','button',function(){
        if($(this).hasClass('cancel_btn')){
            $(this).closest('[lll]').removeClass('active')
        }
    })

    let msg = '文件正在上传，请勿重复点击！'

    // 上传文件
    $('#file_upload').change(function (e) {
        $(this).siblings('.import_tip_btn_box').find('button').removeClass('btn-grey').addClass('btn-success')
        msg = '文件正在上传，请勿重复点击！'
        $(this).siblings('.import_tip_btn_box').find('button').removeAttr('lock')
    })
    $('#import').find('button').click(function(e){
        "use strict";
        e.preventDefault()
        if($(this).hasClass('btn-success')){
            if($(this).html()=='确定导入'){
                //防止重复点击按钮
                if( $(this).attr('lock') ){
                    $('#yz_modal').html(msg)
                    $('#yz_modal').addClass('active')
                    tipShow()
                    return
                }
                $(this).attr('lock','lock')
                let that = this
                
                var formData = new FormData($("#file_form")[0]);
                $.ajax({
                    async : false,
                    cache : false,
                    type : "post",
                    data : formData,
                    url : '/Admin/ProKnow/importProKnow',
                    dataType : 'json',
                    contentType: false, //必须
                    processData: false, //必须
                    success : function(data) {
                        if(data.code==1){
                            $('#import').removeClass('active')
                            window.location.href = `/Admin/ProKnow/index`//强制刷新
                            $(that).removeAttr('lock')
                        }else{
                            msg = data.msg
                            $('#yz_modal').html(msg)
                            $('#yz_modal').addClass('active')
                            tipShow()
                        }
                    }
                })
            }
        }

    })

    // 弹出来的小框框
    function tipShow(){
        window.tipBox = setTimeout(function(){
            // $('#yz_modal').removeClass('active')
            // $('#yz_modal').addClass('fadeOut')
            $('#yz_modal').removeClass('active')
            clearTimeout(tipBox)
        },2000)
    }
    //关闭所有已选择的框框
    function checkBox(){
        var checkboxs =$('input[type=checkbox]');
        for (var i = 0; i < checkboxs.length; i++) {
            if (!checkboxs[i].checked) {
                continue;
            }else{
                $(checkboxs[i]).attr('checked',false)
            }
        }
    }

    //当点击区域不在导入弹框中时则关闭弹框
    $(document).click(function(e){
        let $this = $(e.target);
        if($this.closest('#import').length==0){
            if($this.attr('href') != '#import' && $this.children().attr('href') != '#import'){
                $('#import').removeClass('active');
            }
        }
    })

    //拖动拖动拖动
        let add_box =document.getElementById("add_people");
        let edit_box =document.getElementById("edit_people");
        add_box.onmousedown = function(ev){
            if($(ev.toElement).attr('id')=='add_people'){
                ev =ev ||event;
                let oLeft = add_box.offsetLeft;
                let oTop = add_box.offsetTop;
                let a =ev.clientX-oLeft;
                let b =ev.clientY-oTop;
                add_box.onmousemove =function (ev){
                    ev = ev || event;
                    add_box.style.left =ev.clientX-a+'px';
                    add_box.style.top =ev.clientY-b+'px';
                    $(add_box).css({'cursor':'default'})
                }
            }
            
        }
        edit_box.onmousedown = function(ev){
            if($(ev.toElement).attr('id')=='edit_people'){
                ev =ev ||event;
                let oLeft = edit_box.offsetLeft;
                let oTop = edit_box.offsetTop;
                let a =ev.clientX-oLeft;
                let b =ev.clientY-oTop;
                edit_box.onmousemove =function (ev){
                    ev = ev || event;
                    edit_box.style.left =ev.clientX-a+'px';
                    edit_box.style.top =ev.clientY-b+'px';
                    $(edit_box).css({'cursor':'default'})
                }
            }
        
        }
        document.onmouseup =function(){
            add_box.onmousemove =function(){
                null;
            }
            edit_box.onmousemove =function(){
                null;
            }
        }
})